<%--
  Created by IntelliJ IDEA.
  User: 杨威
  Date: 2021/10/4
  Time: 18:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Flatpoint - Responsive Web App Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="css/stylesheet.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="icon/font-awesome.css" rel="stylesheet">

    <!-- Le fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.html">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.html">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.html">
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.html">


    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <![endif]-->



    <script>
        function getclassname(obj){
            if(document.getElementsByClassName('link_onclick').length==0){
                obj.className='link_onclick';
                obj.id='link_onclick';
            }else{
                var obj1=document.getElementById('link_onclick');
                obj1.className='111';
                obj1.id='1';
                obj.className='link_onclick';
                obj.id='link_onclick';


            }


        }
    </script>
</head>

<body>

<header class="dark_grey">
    <!-- Header start -->
    <div class="top">
        <div class="logo">
            <img src="image/logo.png" />
        </div>
        <div class="login">
            <a href="login.html"><img src="image/login.png"  /></a>
        </div>
        <div class="username">
            欢迎:Admin
        </div>
        <div class="user">
            <img src="image/user.png" />
        </div>


    </div>

</header>

<div id="main_navigation" class="dark_navigation"> <!-- Main navigation start -->
    <div class="inner_navigation" >

        <ul class="main" >


            <li><a href="list.html"><i class="icon-tasks"></i>&nbsp;&nbsp;健康记录</a>

            </li>
            <li><a href="password.html" target="right" onClick="getclassname(this)"><i class="icon-reorder"></i>&nbsp;&nbsp;修改密码</a>

            </li>
            <li><a href="login.html"><i class="icon-warning-sign"></i>&nbsp;&nbsp;退出系统</a>

            </li>

        </ul>
    </div>
</div>

<div id="content" class="no-sidebar">
    <div class="inner_content">
        <div class="widgets_area">
            <div class="row-fluid">
                <div class="span12">
                    <div  class="daohanglink"style="">
                        <span class="daohang"></span>
                        <span>首页</span><span>></span>
                        <span>健康记录</span>
                        <a  href="organ?method=selectOrgan" class="label label-warning" style="float:right; margin:8px;">添加</a>
                    </div>
                    <div class="well brown">
                        <div class="well-content" style="border:0px;">

                            <table class="table table-striped table-bordered table-hover datatable">
                                <thead>
                                <tr>

                                    <th width="5%">ID</th>
                                    <th width="8%">项目名称</th>
                                    <th width="8%">所在机构</th>
                                    <th width="5%">状态</th>
                                    <th width="10%">预约截止</th>
                                    <th width="10%">费用</th>
                                    <th width="13%">管理操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <c:forEach items="${healthList}" var="health">
                                    <tr>
                                        <th>${health.id}</th>
                                        <th>${health.projectname}</th>
                                        <th>${health.organ.organname}</th>
                                        <c:if test="${health.status==1}">
                                            <th>已上线</th>
                                        </c:if>
                                        <c:if test="${health.status==0}">
                                            <th>未上线</th>
                                        </c:if>

                                        <th><fmt:formatDate value="${health.deadline}" pattern="yyyy-MM-dd"/> </th>
                                        <th>${health.money}</th>
                                        <th><a href="health?method=showHealth&id=${health.id}">修改</a><a href="health?method=delete&id=${health.id}">删除</a></th>
                                    </tr>
                                </c:forEach>

                                </tbody>
                            </table>
                            <div class="tableFooter" style="padding-top:10px">
                                <div class="clearfix">
                                    <div class="dataTables_paginate paging_bootstrap pagination">
                                        <ul>
                                            <li class="prev"><a href="health?method=healthList&pageIndex=1">首页</a></li>
                                            <c:if test="${page.pageIndex>1}">
                                                <li ><a href="health?method=healthList&pageIndex=${page.pageIndex-1}">上一页</a></li>
                                            </c:if>
                                            <c:if test="${page.pageIndex<page.totalPage}">
                                                <li><a href="health?method=healthList&pageIndex=${page.pageIndex+1}">下一页</a></li>
                                            </c:if>
                                            <li class="next"><a href="health?method=healthList&pageIndex=${page.totalPage}">末页</a></li>
                                        </ul>
                                    </div></div></div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
</div>

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui-1.10.3.js"></script>
<script src="js/bootstrap.js"></script>

<script src="js/library/jquery.collapsible.min.js"></script>
<script src="js/library/jquery.mCustomScrollbar.min.js"></script>
<script src="js/library/jquery.mousewheel.min.js"></script>
<script src="js/library/jquery.uniform.min.js"></script>


<script src="js/library/jquery.sparkline.min.js"></script>
<script src="js/library/chosen.jquery.min.js"></script>
<script src="js/library/jquery.easytabs.js"></script>
<script src="js/library/flot/excanvas.min.js"></script>
<script src="js/library/flot/jquery.flot.js"></script>
<script src="js/library/flot/jquery.flot.pie.js"></script>
<script src="js/library/flot/jquery.flot.selection.js"></script>
<script src="js/library/flot/jquery.flot.resize.js"></script>
<script src="js/library/flot/jquery.flot.orderBars.js"></script>
<script src="js/library/maps/jquery.vmap.js"></script>
<script src="js/library/maps/maps/jquery.vmap.world.js"></script>
<script src="js/library/maps/data/jquery.vmap.sampledata.js"></script>
<script src="js/library/jquery.autosize-min.js"></script>
<script src="js/library/charCount.js"></script>
<script src="js/library/jquery.minicolors.js"></script>
<script src="js/library/jquery.tagsinput.js"></script>
<script src="js/library/fullcalendar.min.js"></script>
<script src="js/library/footable/footable.js"></script>
<script src="js/library/footable/data-generator.js"></script>

<script src="js/library/bootstrap-datetimepicker.js"></script>
<script src="js/library/bootstrap-timepicker.js"></script>
<script src="js/library/bootstrap-datepicker.js"></script>
<script src="js/library/bootstrap-fileupload.js"></script>
<script src="js/library/jquery.inputmask.bundle.js"></script>

<script src="js/flatpoint_core.js"></script>

<script>
    jQuery('#vmap').vectorMap({
        map:"world_en",
        backgroundColor:null,
        color:"#ffffff",
        hoverOpacity:.7,
        selectedColor:"#2d91ef",
        enableZoom:0,
        showTooltip:1,
        values:sample_data,
        scaleColors:["#8cc3f6","#5c86ac"],
        normalizeFunction:"polynomial",
        onRegionClick:function(){alert("This Region has "+(Math.floor(Math.random()*10)+1)+" users!"
        )}
    });

    jQuery(document).ready(function($) {
        $('.footable').footable();
        $('.responsive_table_container').mCustomScrollbar({
            set_height: 400,
            advanced:{
                updateOnContentResize: true,
                updateOnBrowserResize: true
            }
        });

        $('.responsive_table_container_2').mCustomScrollbar({
            set_height: 520,
            advanced:{
                updateOnContentResize: true,
                updateOnBrowserResize: true
            }
        });
    });
</script>

<script src="js/calendar.js"></script>
<script src="js/forms.js"></script>
<script src="js/dashboard.js"></script>

</body>
</html>
